<template>
  <div class="Website">
    <admin-breadcrumb :breadcrumb="breadcrumb" />
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div ref="newRegister" style="width: 600px;height:400px;"></div>
  </div>
</template>

<script>
import echarts from "echarts";
export default {
  name: "Website",
  metaInfo: {
    title: "后台管理-网站管理",
  },
  data() {
    return {
      breadcrumb: ["网站管理", "运行状况"],
      options: {
        xAxis: {
          type: "category",
          data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: "line",
            smooth: true,
          },
        ],
      },
    };
  },
  mounted() {
    // echarts.init(document.getElementById('main'));
    let newRegister = echarts.init(this.$refs.newRegister);
    newRegister.setOption(this.options);
  },
  methods: {},
};
</script>

<style lang="less" scoped>
</style>